<template>
    <div class="container">
        <p>{{ name }}</p>
        <span>李四</span>
    </div>
</template>

<script>
export default {
    data(){
        return {
            name: '张三'   
        }
    }
}
</script>

<style scoped lang="less">
.container{
    border: 1px solid #666;

    p{
        color: red;
    }

    span{
        color: blue;
    }
}
</style>